<template>
	<div class="detail">
		<div class="detail-box">
			<div class="detail-img">
				<el-image :src="require('@/assets/images/device/kms.webp')" :preview-src-list="srcList"></el-image>
			</div>

			<div class="detail-font">
				<div class="detail-titles">
					{{$t("volvoUnit.name")}}
				</div>
				<el-divider></el-divider>
				<div class="detail-info">
					{{$t("volvoUnit.introduce")}}
				</div>
			</div>
		</div>
	</div>
</template>


<script>
	export default {
		data() {
			return {
				srcList: [
					require('../../../../assets/images/device/kms.webp')
				]
			};
		},
		methods: {
			goBack() {

			}
		}

	}
</script>


<style scoped>
	.detail {
		width: 100%;
		display: flex;
		justify-content: center;
		margin: 10px 0;
	}

	.detail-box {
		width: 1200px;
		display: flex;
		justify-content: space-between;
		padding: 20px 0;
	}


	.detail-img {
		width: 400px;
	}

	.detail-font {
		width: 750px;
	}

	.detail-titles {
		font-size: 20px;
		font-weight: 600;
		margin: 0 0 20px 0;
	}

	.detail-info {
		font-size: 16px;
		line-height: 25px;
	}
</style>
